<template>
  <div class="yykb-header">
    <!-- 时间 -->
     <div class="clock">{{ clock }}</div>
  </div>
</template>
<script>
import CommonMixin from '../mixin/CommonMixin';
export default {
  mixins: [CommonMixin],
  data() {
    return {
      clock: null
    }
  },  
  mounted() {
    this.start()
  },
  methods: {
    start() {
      this.clock = this.dateFormat('yyyy-mm-dd HH:MM:SS', new Date())
      return setTimeout(() => {
        this.start()
      }, 1000)
    }
  }
}
</script>
<style lang="scss" scoped>
.yykb-header {
  position: relative;
  width: 100%;
  height: tvh(68);
  background: url(~@/assets/images/yyzhkb/main-title.svg) no-repeat;
  background-position: center center;
  background-size: cover;
  .clock {
    font-size: tvw(18);
    color: #ffffff;
    text-shadow: 0px 0px 7px  rgba(20, 206, 242, 1);
    position: absolute;
    bottom: tvw(11);
    right: tvw(32);
  }
}
</style>